<template>
    <div class="shiti" @click="closeModel">
        <!--文字排序题-->
        <WENZIPAIXU :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0138'"></WENZIPAIXU>
        <!--图片排序题-->
        <TUPIANPAIXU :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0139'"></TUPIANPAIXU>
        <!--单选题-->
        <DanXuan :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0020'"></DanXuan>
        <!--判断题-->
        <PanDuan :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0142'"></PanDuan>
        <!--多选题-->
        <DuoXuan :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0037'"></DuoXuan>
        <!--主观题-->
        <ZhuGuan :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0042'"></ZhuGuan>
        <!--归类题-->
        <GuiLei :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0049'"></GuiLei>
        <!--图片连线题--><!--文字连线题-->
        <LianXian :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0141' || QuestionDATA.QuestionTypeCode=='QUE0140'"></LianXian>
        <!--阅读理解-->
        <YueDuLiJie :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0008'"></YueDuLiJie>
        <!--听力判断题-->
        <listenPanDuan :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0143'"></listenPanDuan>
        <!--听力单项选择 -->
        <listenDuanXuan :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0147'"></listenDuanXuan>
        <!--听力图片连线题--><!--听力文字连线题-->
        <listenTEXT :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0145' || QuestionDATA.QuestionTypeCode=='QUE0146' "></listenTEXT>
        <!--复合题-->
        <FUHE :Questions="QuestionDATA" v-if="QuestionDATA.QuestionTypeCode=='QUE0043'"></FUHE>
    </div>
</template>
<script type="text/ecmascript-6">
    import WENZIPAIXU from './WENZIPAIXU/WENZIPAIXU.vue'
    import TUPIANPAIXU from './TUPIANPAIXU/TUPIANPAIXU.vue'
    import DanXuan from './DanXuan/DanXuan.vue'
    import PanDuan from './PanDuan/PanDuan.vue'
    import DuoXuan from './DuoXuan/DuoXuan.vue'
    import ZhuGuan from './ZhuGuan/ZhuGuan.vue'
    import GuiLei from './GuiLei/GuiLei.vue'
    import LianXian from './LianXian/LianXian.vue'
    import YueDuLiJie from './YueDuLiJie/YueDuLiJie.vue'
    import listenPanDuan from './listenPanDuan/listenPanDuan.vue'
    import listenDuanXuan from './listenDuanXuan/listenDuanXuan.vue'
    import listenTEXT from './listenTEXT/listenTEXT.vue'
    import FUHE from './FUHE/FUHE.vue'

    import store from '../../store/'
    export default {
        name: "shiti",
        props: ["QuestionDATA", "showModel"],
        data () {
            return {}
        },
        mounted() {
//            console.log(this.QuestionDATA)
        },
        components: {
            WENZIPAIXU,
            DanXuan,
            PanDuan,
            DuoXuan,
            ZhuGuan,
            GuiLei,
            TUPIANPAIXU,
            LianXian,
            YueDuLiJie,
            listenPanDuan,
            listenDuanXuan,
            listenTEXT,
            FUHE
        },
        methods: {
            closeModel(){
                this.showModel.show = false
                store.state.mutations.showResource = false;
            }
        }
    }
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
    .shiti {
        position: fixed;
        background: rgba(0, 0, 0, .62);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 9999;
    }
</style>